//点击切换盒子
$(".login a").on('click' , function(){
  $('.login').hide().next().show();
})

$(".register a").on('click' , function(){
  $('.login').show().next().hide();  //prev是上一个兄弟
})

//先完成注册 调用接口就行
//找到表单,submit事件 阻止默认行为,收集数据.调用接口
$('.register form').on('submit' , function(e){
  e.preventDefault();
  let data = $(this).serialize();
  console.log(data);
  //ajax接口
  $.ajax({
    type:'post',
    url:'/api/reguser',
    data:data,
    success:function(res){
      //不论是否成功,都要给出提醒
      // alert(res.message)
      layer.msg(res.message); //layui的一个优秀的提示框
      //如果成功,清空表单,转到登录页面
      if (res.status === 0){
        $('.register form')[0].reset();
        $('.login').show().next().hide();//还是把登录框显示就行了
      }
    }
  })
})


//表单验证
//使用layui的内置模块 必须先加载模块,语法 let 变量 = layui.模块名
let form = layui.form;

 form.verify({
   //内部是键值对的形式
   len:[/^\S{6,12}$/,'长度不行'],
   same:function(val){  //确认密码框的值 same属性只用放一个输入框就行
    //形参表示使用该验证规则的输入框 确认密码使用了
    let pwd = $(".reg_pwd").val(); //密码框的值
    if (pwd !== val){
      return '格式不一致'
    }
   }
 })
 
//登录界面
// $('.login form').on('submit' , function(e){
//   e.preventDefault();
//   let data = $(this).serialize();
//   console.log(data);
//   //ajax接口
//   $.ajax({
//     type:'post',
//     url:'http://ajax.frontend.itheima.net/api/login',
//     data:data,
//     success:function(res){
//       //不论是否成功,都要给出提醒
//       console.log(res);
//       // alert(res.message)
//       layer.msg(res.message);
//       //如果成功,清空表单,转到登录页面
//       if (res.status === 0){
//         location.href = 'http://127.0.0.1:5500/home/dashboard.html'
//       }
//     }
//   })
// })

$(".login form").on('submit',function(e){
  console.log(e);
  e.preventDefault();
  let data = $(".login form").serialize();//在这里不能使用$(".login form")[0],不用加[0] 也可以用this代替
  console.log(data);
  $.ajax({
    type:'post',
    url:'/api/login',
    data:data,
    success:function(res){
      if(res.status === 0){
        // location.href = 'http://127.0.0.1:5500/home/dashboard.html'
        localStorage.setItem('token' , res.token);
        location.href = '/inedx.html'
      }
    }
  })
})


